@charset "UTF-8";


*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
}

body{
	min-width: 1280px;
}
main{
	.nav{
		margin-bottom: 4.6vw;
		.imgBox{
			width: 100vw;
			height: 35vw;
			// overflow: hidden;
			img{
				width: 100%;
			}
		}
	}
	.content{
		background-color: #FFFFFF;
		padding: 5vw 27vw 9vw;
		position: relative;
		h1{
			font-size: 1.3vw;
			font-weight: normal;
			font-stretch: normal;
			line-height: 1vw;
			letter-spacing: 0vw;
			color: #12151c;
			position: absolute;
			top: 3vw;
			left: 21vw;
		}
		h2{
			background-color: #efefef;
			font-size: 1vw;
			font-weight: normal;
			font-style: italic;
			font-stretch: normal;
			line-height: 2vw;
			letter-spacing: 0vw;
			color: #525252;
			opacity: 0.5;
			width: 45vw;
			padding-left: 0.6vw;
		}
		p{
			font-size: 0.8vw;
			font-weight: normal;
			font-stretch: normal;
			line-height: 1.4vw;
			letter-spacing: 0vw;
			color: #525252;
			opacity: 0.9;
			padding-left: 0.6vw;
			width: 44vw;
			margin: 3vw 0;
		}
		.imgVote{
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			.vote{
				.imgBox{
					width: 21vw;
					height: 14vw;
					overflow: hidden;
					position: relative;
					img{
						width: 100%;
					}
				}
				.btnBox{
					button{
						display: inline-block;
						background-color: #115c92;
						border-radius: 10%;
						width: 7vw;
						height: 3vw;
						margin: 1vw 7vw 2vw;
						font-size: 1vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 1vw;
						letter-spacing: 0.3vw;
						color: #ffffff;
					}
				}
				.mask{
					width: 100%;
					height: 100%;
					background-color: rgba(0,0,0,.4);
					visibility:hidden;
					position: absolute;
					>h3{
						font-size: 1.4vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 1vw;
						letter-spacing: 0vw;
						color: #ffffff;
						margin-bottom: 0.6vw;
					}
					>h4{
						font-size: 0.9vw;
						font-weight: normal;
						font-stretch: normal;
						line-height: 1vw;
						letter-spacing: 0vw;
						color: #ffffff;
					}
				}
				.imgBox:hover .mask{
					visibility: visible;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
				}
			}
			
		}
	}
	.bottom{
		background-color: #FFFFFF;
		.imgbox{
			margin: 0 auto;
			width: 82vw;
			height: 9vw;
			overflow: hidden;
			img{
				width: 100%;
			}
		}
	}
}